<?php

/*** begin our session ***/
session_start();

if (!isset($_SESSION['USER_ID']))
  header("Location: index.php");

?>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Pablo Arroyo">
    <link rel="shortcut icon" href="images/ico/favicon.ico">

    <title>Pagos 1.0</title>

    <!-- Bootstrap core CSS -->
    <link href="dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="dist/bootstrapValidator/dist/css/bootstrapValidator.min.css" rel="stylesheet">
    
    

    <!-- Custom styles for this template -->
    <link href="signin.css" rel="stylesheet">
    <link href="css/glyphicons.css" rel="stylesheet">
    
    <!-- Para que ande el DatePicker - PARROYO -->
    <!--<link href="dist/date-picker/css/bootstrap.css" rel="stylesheet">-->
    <link href="dist/date-picker/css/datepicker.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
  </head>
  
  <script src="dist/js/jquery-1.11.0.min.js"></script>
  <script src="dist/js/bootstrap.min.js"></script>  
  
  
  <script src="dist/date-picker/js/bootstrap-datepicker.js"></script>
  <script src="dist/date-picker/js/locales/bootstrap-datepicker.es.js"></script>
  
  
  
<body>

    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-5">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Sistema de Pagos</a>          
        </div>
          
        <ul class="nav navbar-nav">
            <li class="active" id="navHome"><a href="#">Home</a></li>
            <li class="dropdown" id="drpTablas">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Tablas<b class="caret"></b></a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="#" id="drpServicios">Servicios</a></li>
                    <li><a href="#" id="drpPeriodoServicios">Periodo Servicios</a></li>
                    <li class="divider"></li>
                    <li><a href="#" id="drpPeriodos">Periodos</a></li>
                    <li class="divider"></li>
                    <li><a href="#" id="drpUsuarios">Usuarios</a></li>
                </ul>
            </li>
        </ul>
          
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-5">
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown" id="perfil">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><?php echo $_SESSION['USER_FULL_NAME']; ?><b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Cuenta</a></li>
                        <li class="divider"></li>
                        <li><a href="logout.php">Salir</a></li>
                    </ul>
                </li>
            </ul>
        </div>
      </div>
    </nav>
	<br>
	<br>
        
    <div class="contentWrapper" id="content">    
    </div>        
    
    <div class="modal fade" id="progressPagos" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">Cargando...</h4>
                </div>
                <div class="modal-body center-block">
                    <div class="progress progress-striped active">
                        <div class="progress-bar"  role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                            <span class="sr-only">100% Complete</span>
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    </div>
    
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/appHome.js"></script>
  </body>
</html>